<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片插入练习</title>
</head>
<body>
    <!-- 如果资源与html在同一个文件夹下，直接写图片的名字-->
    <!-- alt图片不能正常显示时替换的文字  -->
    <!-- title表示鼠标悬停在图片上显示的描述文字   -->
    <img src="2.pg" alt="哎呀，图片被外星人偷走了" >
    <!-- 如果资源在下一级文件夹下，先写文件夹名字，再写文件夹里的图片名   -->
    <img src="img/1.jpg" alt="" title="这是一张橙子的图片">
    <!-- 如果资源在上一级文件夹下，先../回到上一级文件夹，再写图片名   -->
    <img src="../3.png" alt="">
    <!-- 使用绝对路径 -->
    <!-- 如果远程服务器的资源删除，绝对路径就引用不到图片资源了  -->
    <img src="https://cdn.tmooc.cn/bsfile//courseImg///9314FC5334A640688BEEDB3FA0B3CDCD.png" alt="">
</body>
</html>